<ion-header [translucent]="true">
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-button [routerLink]="['/tab/chat']">
        <ion-icon routerLinkActive="router-link-active" name="chevron-back-outline"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title>
      {{one.name}}
    </ion-title>
    <ion-buttons slot="primary">
      <ion-button>
        <ion-icon slot="icon-only" ios="ellipsis-horizontal" md="ellipsis-vertical"></ion-icon>
      </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">
  <chat-message *ngFor="let item of messages" [message]="item"></chat-message>
  
</ion-content>
<ion-footer>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-button>
        <ion-icon name="mic-circle-outline"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-input [(ngModel)]="content"></ion-input>
    <ion-buttons slot="end">
      <ion-button>
        <ion-icon name="happy-outline"></ion-icon>
      </ion-button>
      <ion-button  *ngIf="content;else elseContent" color="primary" (click)="send()">发送</ion-button>
      <ng-template >
        <ion-button #elseContent>
          <ion-icon name="add-circle-outline"></ion-icon>
        </ion-button>
      </ng-template>
    </ion-buttons>
  </ion-toolbar>
  <ion-content [fullscreen]="true">
    111111111
  </ion-content>
</ion-footer>